<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>个人信息 - Powered By ${systemConfig.systemName}</title>  <link rel="icon" href="/template/pc1/images/wmh_favicon.ico" type="image/x-icon" />
<meta name="Author" content="E-SHOP Team" />
<meta name="Copyright" content="E-SHOP" />
<link rel="icon" href="/template/pc1/images/wmh_favicon.ico" type="image/x-icon" />
<% include("include.html"){}%>
<link href="/template/pc1/css/login.css" rel="stylesheet" type="text/css" />
<link href="/template/pc1/css/register.css" rel="stylesheet" type="text/css" />
<link href="/template/pc1/css/member_center.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/template/pc1/js/login.js"></script>
<script type="text/javascript" src="/template/pc1/js/register.js"></script>
<script type="text/javascript">
$().ready( function() {

	// 地区选择菜单
	$(".areaSelect").lSelect({
		url: "/area/ajaxChildrenArea"// Json数据获取url
	});

});
</script>
</head>
<body class="memberCenter">
	<%include("header_index_sys.html"){}%>
	<div class="body profileInput">
		<div class="bodyLeft">
			<div class="memberInfo">
				<div class="top"></div>
				<div class="middle">
					<p>欢迎您！<span class="username">${loginMember.username!}</span> [<a class="userLogout" href="/b/customerCenter/logout">退出</a>]</p>
					<p>会员等级:<span class="red"> ${loginMember.memberRank.name!}</span></p>
				</div>
				<div class="bottom"></div>
			</div>
			<div class="blank"></div>
			<!-- 侧边栏 -->
			<%include("sidebar_customer.html"){}%>
		</div>
		<div class="bodyRight">
			<div class="memberCenterDetail">
				<div class="top">
					个人信息
				</div>
				<div class="middle">
					<div class="blank"></div>
					<form id="inputForm" class="validate" action="/b/pc/profile/update" method="post">
						<input type="hidden" name="member.id" value="${member.id}"/>
						<table class="inputTable">
							<tr>
								<th>
									E-mail:
								</th>
								<td>
									<input type="text" name="member.email" class="formText {required: true, messages: {required: '请输入E-mail地址！'}, email: true}" class="{required: true, messages: {required: '请选择收货地址！'}}" value="${member.email!}" />
									<label class="requireField">*</label>
								</td>
							</tr>
							<tr>
								<th>
									手机号:
								</th>
								<td>
									<input type="text" name="member.phone" class="formText {required: true, messages: {required: '请填写手机号！'}, phone: true}" class="{required: true, messages: {required: '请填写手机号！'}}" value="${member.phone!}" />
									<label class="requireField">*</label>
								</td>
							</tr>
							<tr>
								<th>
									地区:
								</th>
								<td>
									<select name="member.province" class="formText" id="location_p" style="padding: 8px"></select>
									<select name="member.city" class="formText" id="location_c" style="padding: 8px"></select>
									<select name="member.area" class="formText" id="location_a" style="padding: 8px"></select>
									<script src="/template/pc1/js/region_select.js"></script>
									<script type="text/javascript">
                                        new PCAS('member.province', 'member.city', 'member.area', '${member.province!}', '${member.city!}', '${member.area!}');
									</script>
								</td>
							</tr>
							<tr>
								<th>
									详细地址:
								</th>
								<td>
									<input type="text" name="member.address" class="formText" value="${member.address!}" />
								</td>
							</tr>

							<tr>
								<th>
									&nbsp;
								</th>
								<td>
									<input type="submit" class="submitButton" value="提 交" hidefocus="true" />
								</td>
							</tr>
						</table>
					</form>
					<div class="blank"></div>
				</div>
				<div class="bottom"></div>
			</div>
		</div>
		<div class="blank"></div>
	</div>
	<div class="blank"></div>
	<%include("footer.html"){}%>
</body>
</html>